<template>
<!-- <div class="analysis">
  <div id="myChart" :style="{width:'600px',height:'400px',display:'inline-block'}">{{msg}}</div>
</div> -->

<!--引入helloworld子组件 -->
<div class="forecast">
  使用mock.js模拟数据请求
  <hello-world></hello-world>
  </div>
</template>
<script>
import HelloWorld from '@/components/HelloWorld.vue';
export default {
    data(){
        return {
          msg: '柱状图',
          
        }
    },
    components: {
        HelloWorld
    },
    created() {
        this.xData = [5,6,7,8];
        this.tooltipData = ["衬衫","羊毛衫","雪纺衫","裤子"];
        this.new_userData = [5, 20, 36, 10];  
    },
    mounted() {
      //this.drawLine();
    },
    methods: {
      drawLine() {
        //初始化echart实例
        let myCharts = this.$echarts.init(document.getElementById('myChart'));
        //绘制图标
        myCharts.setOption({
            title: { text: '在Vue中使用echarts' },
            tooltip: {},
            xAxis: {
                //data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
                type: 'category',
                boundaryGap: false,
                data: this.xData,  //xData 就是日期这个数组
            },
            yAxis: {},
            // series: [{
            //     name: '销量',
            //     type: 'bar',
            //     data: [5, 20, 36, 10, 10, 20]
            // }]    
            series : [{
        　　　　name:this.tooltipData[0],
        　　　　type:'line',
        　　　　stack: '总量',
        　　　　data:this.new_userData,
        　　},
        　　{
        　　　　name:this.tooltipData[1],
        　　　　type:'line',
        　　　　stack: '总量',
        　　　　data:this.new_deviceData,
        　　},
        　　{
        　　　　name:this.tooltipData[2],
        　　　　type:'line',
        　　　　stack: '总量',
        　　　　data:this.active_userData,
        　　},
        　　{
        　　　　name:this.tooltipData[3],
        　　　　type:'line',
        　　　　stack: '总量',
        　　　　data:this.active_deviceData,
        　　}] 
        });
      },

      // 处理数据
      dealData() {
          let chartData = response.data;
          let seriesData = [];
            chartData.forEach(function(item){
                let outObj = {};
                let valueKey = Object.keys(item);
                outObj.name = item[valueKey[0]];
                outObj.value = valueKey[0];
                seriesData.push(outObj);
            });
      }
    }
}
</script>

<style>

</style>